<script>
  import Button from "$lib/components/ui/button/button.svelte";
</script>

<div class="flex justify-center items-center text-center h-[40vh] md:h-[90vh]">
  <div>
    <h1 class="font-bold text-2xl md:text-4xl">Svelte Animations Examples</h1>
    <p class="mt-2 text-lg text-muted-foreground">
      List of UI animations using spring, tweened for Learning Purpose
    </p>
    <div class="mt-2 md:mt-4">
      <Button size="sm" href="/examples" class="rounded-full "
        >Components</Button
      >
    </div>
  </div>
</div>
